<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="/adminSite/css/X-ui.css" />
		<link rel="stylesheet" href="/adminSite/css/X-ui-admin.css" />
		<!--[if lt IE 9]>
			<script type="text/javascript" src="/adminSite/js/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<!--左侧nav-->
		<aside class="aside-nav">
			<!--信息-->
			<div class="user-info">
				<a href="javascript:;">
					<h2>X-ui-admin</h2>
					<a href="/admin/login">欢迎你</a>
				</a>
			</div>
			<ul class="aside-nav-list">
				<li>
					<dt>
						<i class="iconfont">&#xe601;</i>
						内容管理<span class="ico iconfont"></span>
					</dt>
					<dd>
						<a data-href="/admin/article">文章列表</a>
						<a data-href="/admin/gossipList">我的说说</a>
					</dd>
				</li>
				<li>
					<dt>
						<i class="iconfont">&#xe601;</i>
						栏目管理<span class="ico iconfont"></span>
					</dt>
					<dd>
						<a data-href="/admin/columnList">栏目列表</a>
					</dd>
				</li>
				<li>
					<dt>
						<i class="iconfont">&#xe601;</i>
						首页管理<span class="ico iconfont"></span>
					</dt>
					<dd>
						<a data-href="/admin/bannerList">轮播图管理</a>
					</dd>
				</li>
				<li>
					<dt>
						<i class="iconfont">&#xe601;</i>
						系统管理<span class="ico iconfont"></span>
					</dt>
					<dd>
						<a data-href="/admin/bannerList">管理员列表</a>
						<a data-href="/admin/bannerList">管理员列表</a>
					</dd>
				</li>
			</ul>
		</aside>
		<!--右侧内容-->
		<div class="content-div">
			<!--头部-->
			<header>
				<div class="header-nav f-l"></div>
				<ul class="admin-info f-r">
					<li>
						<a href="" class="admin-img"></a>
						<%= data.account %>
					</li>
					<li>
						<!--退出按钮-->
						<a href="/admin/logout" class="sign-out">
							<i class="iconfont">&#xe605;</i>
						</a>
					</li>
				</ul>
			</header>
			<!--nav-bar-->
			<div class="content-box">
				<iframe src="/admin/article" id="iframe" frameborder="0" scrolling="yes"></iframe>
			</div>
		</div>
		<script type="text/javascript" src="/adminSite/js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="/adminSite/js/H-ui-form.js" ></script>
		<script>
			//折叠插件调用
			var form = new XuiForm();
			form.fold({
				element : ".aside-nav-list dt",
				elementS : "dd",
				date : 200
			},function(data){
				//显示回调
				$(".aside-nav-list li").removeClass("current");
				$(this).parent().addClass("current");
			},function(data){
				//隐藏回调
				$(this).parent().removeClass("current");
			});
			//链接
			$(".aside-nav-list a").click(function(){
				$("#iframe").attr("src"  ,$(this).data("href"));
			});
		</script>
	</body>
</html>
